@mixin fontSize($direction, $difference: 2px) {
  $fontSizeNumber: 32px;



  &.chat-container {
    @if $direction==small {
      $fontSizeNumber: 14px;
    }

    @else if $direction==normal {
      $fontSizeNumber: 16px;
    }

    @else if $direction==medium {
      $fontSizeNumber: 18px;
    }

    @else if $direction==large {
      $fontSizeNumber: 20px;
    }

    .card-center {
      font-size: $fontSizeNumber !important;
      line-height: #{$fontSizeNumber + 5px} !important;

      .card-href {
        .href-li {
          font-size: #{$fontSizeNumber - $difference} !important;
        }
      }
    }
  }
}

.font-size {
  @include fontSize('normal');
}

.font-size-small {
  @include fontSize('small');
}

.font-size-medium {
  @include fontSize('medium');
}

.font-size-large {
  @include fontSize('large');
}
